{% extends "award_base.html" %}
{% load i18n %}
{% block head %}
    <title>{% trans "蓝鲸开发框架" %}</title>
    {{ block.super }}
{% endblock %}

{% block content %}
    <div class="page-content" style="min-width:80%;">
        <ol class="breadcrumb detail-breadcrumb">
            <li class="all pro-all"><span href="#index?catalogue=all&amp;tag=all">系统管理</span></li>
            <li><span href="#index/list?catalogue=导航&amp;tag=all">组织管理</span></li>
        </ol>
        <div class="bk-panel bk-demo">
            <div class="bk-panel-header">
                <div class="bk-panel-action">
                    <a href="#mymodal" class="bk-button bk-primary" data-toggle="modal" data-target="#myModal">新增</a>
                </div>
            </div>
            <div class="bk-panel-body p0">
                <table class="bk-table has-thead-bordered">
                    <thead>
                    <tr>
                        <th>所属组织</th>
                        <th>负责⼈</th>
                        <th>可申报⼈员</th>
                        <th>更新⼈</th>
                        <th>申报时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>蓝鲸产品中⼼</td>
                        <td>xxx</td>
                        <td>yyy</td>
                        <td>admin</td>
                        <td>2020-11-06 09:20:00</td>
                        <td>
                            <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                                <i class="bk-icon icon-file bk-icon"></i>
                                <i class="bk-text">编辑</i>
                            </a>
                            <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                                <i class="bk-icon icon-close bk-icon"></i>
                                <i class="bk-text">删除</i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>蓝鲸产品中⼼</td>
                        <td>xxx</td>
                        <td>yyy</td>
                        <td>admin</td>
                        <td>2020-11-06 09:20:00</td>
                        <td>
                            <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                                <i class="bk-icon icon-file bk-icon"></i>
                                <i class="bk-text">编辑</i>
                            </a>
                            <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                                <i class="bk-icon icon-close bk-icon"></i>
                                <i class="bk-text">删除</i>
                            </a>
                        </td> 
                    </tr>
                    <tr>
                        <td>蓝鲸产品中⼼</td>
                        <td>xxx</td>
                        <td>yyy</td>
                        <td>admin</td>
                        <td>2020-11-06 09:20:00</td>
                        <td>
                            <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                                <i class="bk-icon icon-file bk-icon"></i>
                                <i class="bk-text">编辑</i>
                            </a>
                            <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                                <i class="bk-icon icon-close bk-icon"></i>
                                <i class="bk-text">删除</i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>蓝鲸产品中⼼</td>
                        <td>xxx</td>
                        <td>yyy</td>
                        <td>admin</td>
                        <td>2020-11-06 09:20:00</td>
                        <td>
                            <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                                <i class="bk-icon icon-file bk-icon"></i>
                                <i class="bk-text">编辑</i>
                            </a>
                            <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                                <i class="bk-icon icon-close bk-icon"></i>
                                <i class="bk-text">删除</i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>蓝鲸产品中⼼</td>
                        <td>xxx</td>
                        <td>yyy</td>
                        <td>admin</td>
                        <td>2020-11-06 09:20:00</td>
                        <td>
                            <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                                <i class="bk-icon icon-file bk-icon"></i>
                                <i class="bk-text">编辑</i>
                            </a>
                            <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                                <i class="bk-icon icon-close bk-icon"></i>
                                <i class="bk-text">删除</i>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>蓝鲸产品中⼼</td>
                        <td>xxx</td>
                        <td>yyy</td>
                        <td>admin</td>
                        <td>2020-11-06 09:20:00</td>
                        <td>
                            <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                                <i class="bk-icon icon-file bk-icon"></i>
                                <i class="bk-text">编辑</i>
                            </a>
                            <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                                <i class="bk-icon icon-close bk-icon"></i>
                                <i class="bk-text">删除</i>
                            </a>
                        </td>
                    </tr>
                     <tr>
                        <td>蓝鲸产品中⼼</td>
                        <td>xxx</td>
                        <td>yyy</td>
                        <td>admin</td>
                        <td>2020-11-06 09:20:00</td>
                        <td>
                            <a class="bk-icon-button bk-warning bkbutton-mini" title="编辑">
                                <i class="bk-icon icon-file bk-icon"></i>
                                <i class="bk-text">编辑</i>
                            </a>
                            <a class="bk-icon-button bk-danger bkbutton-mini" title="关闭">
                                <i class="bk-icon icon-close bkicon"></i>
                                <i class="bk-text">删除</i>
                            </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="bk-panel-footer p10">
                <div class="bk-page bk-compact-page fr">
                    <ul>
                        <li class="page-item">
                            <a href="javascript:void(0);" class="page-button">
                                <i class="bk-icon icon-angle-left"></i>
                            </a>
                        </li>
                        <li class="page-item">
                            <a href="javascript:void(0);" class="page-button">1</a>
                        </li>
                        <li class="page-item cur-page">
                            <a href="javascript:void(0);" class="page-button">2</a>
                        </li>
                        <li class="page-item">
                            <a href="javascript:void(0);" class="page-button">3</a>
                        </li>
                        <li class="page-item">
                            <a href="javascript:void(0);" class="page-button">4</a>
                        </li>
                        <li class="page-item">
                            <a href="javascript:void(0);" class="page-button">5</a>
                        </li>
                        <li class="page-item">
                            <a href="javascript:void(0);" class="page-button">6</a>
                        </li>
                        <li class="page-item">
                            <a href="javascript:void(0);" class="page-button">
                                <i class="bk-icon icon-angle-right"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 模态框( Modal ) -->
     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width: 680px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">组织管理</h4>
                </div>
                <div class="bk-form" style="width:600px;padding:10px" id="validate_form">
                    <div class="bk-form-item">
                        <label class="bk-label" style="width:150px;">所属组织</label>
                        <div class="bk-form-content" style="margin-left:150px;">
                            <input type="text" class="bk-form-input" placeholder="请输⼊所属组织">
                        </div>
                    </div>
                    <div class="bk-form-item">
                        <label class="bk-label" style="width:150px;">负责⼈员</label>
                    <div class="bk-form-content" style="margin-left:150px;">
                        <input type="text" class="bk-form-input" placeholder="请输⼊负责⼈员">
                    </div>
                </div>
                <div class="bk-form-item">
                        <label class="bk-label" style="width:150px;">可申报⼈员</label>
                        <div class="bk-form-content" style="margin-left:150px;">
                            <textarea name="" id="" class="bk-form-textarea" placeholder="请输⼊可申报⼈员，⼈员信息间隔⽤分号(;)"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="bk-button bk-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="bk-button bk-primary">提交</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
{% endblock %}